/* T1013 (dude-t1013) 2026-10-13, dude.com + holydude.com.
   "A taste of everything" tiles: icon and text centred in every tile, one icon size, and the white square behind the
   3D tile art no longer shows (multiply on the white tile; the square drop shadow is gone). The last row stays centred
   (the existing flex row already does justify-content:center). Todd 10-13 item 5, tickets #437 / home icon centring.
   Undo: php apply.php --undo */
#b1 #b1Taste .b1-tile{text-align:center;align-items:center}
#b1 #b1Taste .b1-tile .ic{margin-left:auto;margin-right:auto;flex:none}
#b1 #b1Taste .b1-tile .ic.ic3{width:64px;height:64px;display:flex;align-items:center;justify-content:center}
#b1 #b1Taste .b1-tile .ic.ic3 img{filter:none!important;mix-blend-mode:multiply;margin:0 auto}
#b1 #b1Taste .b1-tile .ic.b1-noart .b1-emo{display:block;font-size:40px;line-height:64px;font-style:normal;text-align:center}
#b1 #b1Taste .b1-tile small{max-width:26ch;margin-left:auto;margin-right:auto}
#b1 #b1Taste .b1-tile em{margin-left:auto;margin-right:auto}
/* skip link target: keep the anchor out of the layout */
#main.t13-anchor{display:block;position:relative;height:0;overflow:hidden;outline:none}
/* #109 (round 3): the Pets 'Age' box cut off typed ages such as '12 years' (112px wide at 14px): room for 10 characters */
html body input#petAge#petAge,html body input#kidAge#kidAge{width:132px!important;min-width:132px!important;flex:0 0 132px!important;max-width:100%!important}   /* beats dbfix1's 112px rule */

/* T1014 (Todd 10-14): everything under "A taste of everything" centred and balanced. The 10 tiles sit 5+5 on wide screens,
   4+4+2 on tablets and 2 per row on phones; every tile the same size; a short last row is centred. */
#b1 #b1Taste .wrap{text-align:center}
#b1 #b1Taste .b1-tiles{display:flex!important;flex-wrap:wrap;justify-content:center;align-items:stretch}
#b1 #b1Taste .b1-tiles .b1-tile{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center}
@media (min-width:720px){#b1 #b1Taste .b1-tiles .b1-tile{flex:0 0 calc(25% - 7.5px);max-width:calc(25% - 7.5px)}}
@media (min-width:1024px){#b1 #b1Taste .wrap{max-width:1080px}#b1 #b1Taste .b1-tiles .b1-tile{flex:0 0 calc(20% - 8px);max-width:calc(20% - 8px)}}

/* D3-HOTFIX (dude coder 10-19, Todd P1s). Undo: the previous css/t1013.css (the WHM package keeps it).
   (1) "A taste of everything" icons: the tile art is now TRANSPARENT (re-exported, cache tag d3t1), so no multiply blend
       (multiply on the dark card made them near-black); a soft warm light behind each icon on the dark dude cards. */
#b1 #b1Taste .b1-tile .ic.ic3 img,img[src*="/b1/img/tile-"]{mix-blend-mode:normal!important;filter:drop-shadow(0 5px 9px rgba(0,0,0,.38))!important;opacity:1!important}
html.m1-dude #b1 #b1Taste .b1-tile .ic.ic3{background:radial-gradient(circle at 50% 56%,rgba(255,206,150,.36) 0,rgba(255,206,150,.15) 40%,rgba(255,206,150,0) 70%)!important;border-radius:50%!important;box-shadow:none!important;border:0!important;width:76px!important;height:76px!important}
html.m1-dude #b1 #b1Taste .b1-tile .ic.ic3 img{width:64px!important;height:64px!important}
/* (2) the sticky header on dude.com was 90% see-through: page text showed behind the logo and the menu row */
html.m1-dude #b1Top,html.m1-dude #b1Top.sc{background:#121214!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;box-shadow:0 1px 0 rgba(244,237,228,.08),0 6px 18px rgba(0,0,0,.35)!important}
/* the wordmark keeps room for the italic overhang at every width */
.b1-logo,.wh1-logo{overflow:visible!important;padding-right:4px!important;flex:none!important}
.b1-logo img,.wh1-logo img{max-width:none!important;object-fit:contain!important}
/* (3) the home chips under "Type anything": every chip fully visible (they wrap; mic + Ask stay at the right) */
.v3-box .v3-box-bar{flex-wrap:wrap!important;row-gap:10px!important}
.v3-box .v3-chips{flex:1 1 100%!important;max-width:100%!important;flex-wrap:wrap!important;overflow:visible!important;-webkit-mask-image:none!important;mask-image:none!important;padding-right:0!important}
.v3-box .v3-chips .v3-chip{flex:none!important;white-space:nowrap!important}
.v3-box .v3-box-bar .v3-mic{margin-left:auto!important}
/* (4) "Free to try. More when you join." on phones: one card per row, each plan labelled (no cramped 4-column table) */
@media (max-width:640px){
  .b1-tblw{overflow:visible!important;border:0!important;background:none!important;box-shadow:none!important}
  table.b1-tbl,table.b1-tbl tbody{display:block!important;width:100%!important;border:0!important;background:none!important}
  table.b1-tbl thead{display:none!important}
  table.b1-tbl tr{display:block!important;margin:0 0 12px!important;padding:14px 16px 10px!important;border:1px solid rgba(128,128,128,.28)!important;border-radius:14px!important;background:rgba(128,128,128,.07)!important}
  table.b1-tbl td{display:grid!important;grid-template-columns:minmax(96px,38%) 1fr!important;column-gap:12px!important;align-items:baseline!important;padding:7px 0!important;border:0!important;border-top:1px solid rgba(128,128,128,.16)!important;text-align:left!important;font-size:15px!important;line-height:1.4!important;white-space:normal!important;background:none!important}
  table.b1-tbl td:first-child{display:block!important;border-top:0!important;padding:0 0 8px!important;font-size:17px!important;font-weight:800!important}
  table.b1-tbl td:nth-child(2)::before{content:"Try it"}
  table.b1-tbl td:nth-child(3)::before{content:"Free account"}
  table.b1-tbl td:nth-child(4)::before{content:"Pro and up"}
  table.b1-tbl td:not(:first-child)::before{font-weight:700;font-size:14px;opacity:.72}
  html.m1-dude table.b1-tbl td:first-child{color:#e2ab74!important}
}