/* Phoodle (/phoodle, react-wordle bundle /vars/phoodle): home look — white bordered rounded tiles, light rounded keys,
 * backspace on the left and ENTER on the right (flex order, the bundle renders Enter first), green/yellow/grey states. */
.wp-phoodle-col #root{font-family:Nunito,sans-serif;color:#14181f}
.font-digital{font-family:Nunito,sans-serif!important;font-weight:800}
.wp-phoodle-col #root .navbar hr{display:none}
.wp-phoodle-col #root .navbar-content{align-items:center}
.wp-phoodle-col #root .navbar svg{cursor:pointer}
.wp-phoodle-col #root .left-icons > svg,.wp-phoodle-col #root .right-icons > svg{box-sizing:border-box;width:36px;height:36px;padding:6px;margin:0 3px;border:1px solid #dbe1ee;border-radius:10px;background:#fff}
.wp-phoodle-col #root .left-icons > svg:hover,.wp-phoodle-col #root .right-icons > svg:hover{background:#eef1f7}
.wp-phoodle-col #root > .paddings > div:nth-child(2){padding-top:4px!important}

.wp-phoodle-col #root .pb-6 > div{gap:6px;margin-bottom:6px!important}
.wp-phoodle-col #root .pb-6 > div > div{width:58px!important;height:58px!important;margin:0!important;border:2px solid #dbe1ee!important;border-radius:12px!important;background:#fff;color:#14181f;font-size:30px!important;font-weight:800!important}
.wp-phoodle-col #root .pb-6 > div > div.border-black{border-color:#b7c0d6!important}
.wp-phoodle-col #root .bg-correctGreen{background:#16a34a!important;border-color:#16a34a!important;color:#fff!important}
.wp-phoodle-col #root .bg-presentYellow{background:#eab308!important;border-color:#eab308!important;color:#fff!important}
.wp-phoodle-col #root .bg-slate-400{background:#94a3b8!important;border-color:#94a3b8!important;color:#fff!important}
.wp-phoodle-col #root .shadowed,.wp-phoodle-col #root .shadowed *{box-shadow:none!important;text-shadow:none!important}

.wp-phoodle-col #root .pb-6 + div{width:100%;max-width:650px;margin:0 auto;padding:0 2px}
.wp-phoodle-col #root .pb-6 + div > div{display:flex;width:100%;gap:6px;margin-bottom:8px!important}
.wp-phoodle-col #root .pb-6 + div button{flex:1 1 0;width:auto!important;height:48px!important;margin:0!important;border-radius:10px!important;background:#e7ebf3;box-shadow:0 2px 0 rgba(15,23,42,.10);color:#000;font-size:17px!important;font-weight:800!important;order:2}
.wp-phoodle-col #root .pb-6 + div > div:nth-child(2)::before,.wp-phoodle-col #root .pb-6 + div > div:nth-child(2)::after{content:"";flex:.5 1 0}
.wp-phoodle-col #root .pb-6 + div > div:last-child > button:first-child,.wp-phoodle-col #root .pb-6 + div > div:last-child > button:last-child{flex:1.6 1 0;background:#d7e3f6;font-size:13px!important;text-transform:uppercase}
.wp-phoodle-col #root .pb-6 + div > div:last-child > button:first-child{order:3}
.wp-phoodle-col #root .pb-6 + div > div:last-child > button:last-child{order:1;font-size:0!important;background:#d7e3f6 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2314181f' d='M22 3H7c-.69 0-1.23.35-1.59.88L0 12l5.41 8.11c.36.53.9.89 1.59.89h15c1.1 0 2-.9 2-2V5c0-1.1-.9-2-2-2zm0 16H7.07L2.4 12l4.66-7H22v14zm-11.59-2L14 13.41 17.59 17 19 15.59 15.41 12 19 8.41 17.59 7 14 10.59 10.41 7 9 8.41 12.59 12 9 15.59z'/%3E%3C/svg%3E") center/24px no-repeat}
.wp-phoodle-col #root .pb-6 + div button.bg-correctGreen,.wp-phoodle-col #root .pb-6 + div button.bg-presentYellow,.wp-phoodle-col #root .pb-6 + div button.bg-slate-400{color:#fff!important}

@media (max-width:600px){
  .wp-phoodle-col{padding-left:4px;padding-right:4px}
  .wp-phoodle-col #root .pb-6 > div > div{width:50px!important;height:50px!important;font-size:26px!important;border-radius:10px!important}
  .wp-phoodle-col #root .pb-6 + div > div{gap:4px;margin-bottom:7px!important}
  .wp-phoodle-col #root .pb-6 + div button{height:52px!important;border-radius:8px!important}
}