/* The shop's logo (resources/views/components/logo.blade.php), the same on every page: shop, admin, landing pages.
   --s is the height of the orange tile. */
.pslogo{display:inline-flex;align-items:center;gap:calc(var(--s,44px)*.3);color:#1a1f26;text-decoration:none;line-height:1;white-space:nowrap}
.pslogo-mark{position:relative;flex:none;width:var(--s,44px);height:var(--s,44px)}
.pslogo-mark i{position:absolute;left:14%;top:14%;width:100%;height:100%;border-radius:24%;background:#ffc29b}
.pslogo-mark b{position:relative;display:grid;place-items:center;width:100%;height:100%;border-radius:24%;background:linear-gradient(145deg,#ff7a2a,#ff4d0b);color:#fff;font:800 calc(var(--s,44px)*.56)/1 Inter,Roboto,Arial,sans-serif;box-shadow:0 4px 10px rgba(255,77,11,.25)}
.pslogo-text{display:flex;flex-direction:column;gap:calc(var(--s,44px)*.1);min-width:0}
.pslogo-text strong{display:block;font:800 calc(var(--s,44px)*.5)/1 Inter,Roboto,"Noto Sans Bengali",Arial,sans-serif;letter-spacing:-.02em;color:#1a1f26}
.pslogo-text strong em{font-style:normal;color:#ff5a14}
.pslogo-text small{display:block;font:500 calc(var(--s,44px)*.26)/1.2 "Noto Sans Bengali","Hind Siliguri",sans-serif;letter-spacing:0;color:#5b616a}
.pslogo.on-dark .pslogo-text strong,.pslogo.on-dark .pslogo-text strong span{color:#fff}
.pslogo.on-dark .pslogo-text small{color:#c9cfd6}
@media(max-width:620px){
    .logo .pslogo,.lp-top-logo .pslogo{--s:36px !important}
    .logo .pslogo-text small{display:none}
}
/* Dark footers (classic and গ্যাজেট): light words */
footer#footer .pslogo.on-dark .pslogo-text strong span,.theme-gadget footer#footer .pslogo-text strong span{color:#fff}
.theme-gadget footer#footer .pslogo-text small{color:#c9cfd6}
/* Admin: the logo in the menu and in the welcome banner */
.v2 .brand .pslogo-text small{font-size:11px}
.welcome-brand .pslogo-text small{color:#ffe7d3}
/* Older logo rules (letter spacing, Georgia) must not reach the new logo */
.pslogo .pslogo-text small{letter-spacing:0!important;text-transform:none!important;text-align:left;margin:0;font-family:"Noto Sans Bengali","Hind Siliguri",sans-serif!important}
.pslogo .pslogo-text strong{letter-spacing:-.02em!important;text-transform:none}
/* Phones: a smaller logo in the header so it never runs into the search and cart icons */
@media(max-width:620px){
    header .logo{min-width:0;flex:0 1 auto;overflow:hidden}
    header .logo .pslogo{--s:30px !important;gap:8px}
}
@media(max-width:380px){
    header .logo .pslogo{--s:26px !important}
}
