/* Espace Libertin 2.93.0 — Mobile feed inspired by approved mockup.
   Existing desktop view, content permissions and functionality are preserved. */
.gl-mobile-compose-intro,.gl-mobile-compose-label{display:none}
.gl-daily-head,.gl-daily-form,.gl-daily-summary{box-sizing:border-box}
.gl-daily-head{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}
.gl-daily-head>strong{font-size:15px;color:#fff}
.gl-daily-head>strong span{color:#ff72b7}
.gl-daily-head .gl-daily-caption{font-size:11px;color:#f1bad2}
.gl-daily-status-label{display:flex;align-items:center;gap:5px;font-size:13px;font-weight:750;color:#ffdce9;margin:0 0 7px!important}
.gl-daily-status-label span{font-size:11px;font-weight:400;color:#baa7b4}
.gl-daily-form{margin-top:12px}
.gl-daily-input-wrap{position:relative;min-width:0}
.gl-daily-input-wrap input{display:block;width:100%;max-width:100%;padding:12px 53px 12px 13px!important;min-height:42px!important;box-sizing:border-box!important;border-radius:12px!important;background:#1b1120!important;border:1px solid #a0667b!important;color:#fff!important;font-size:14px!important;outline:none}
.gl-daily-input-wrap input::placeholder{color:#c6b6c0!important;opacity:1}
.gl-daily-input-wrap input:focus{border-color:#ff6aaf!important;box-shadow:0 0 0 3px #ff16922a!important}
.gl-daily-counter{position:absolute;right:11px;top:50%;transform:translateY(-50%);color:#cbb9c5;font-size:10px;pointer-events:none}
.gl-daily-bottom{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:9px}
.gl-daily-visibility{display:flex;align-items:center;gap:7px;font-size:11px!important;line-height:1.25;color:#e7cfdc;min-width:0}
.gl-daily-visibility input{accent-color:#e30979;width:16px;height:16px;flex:0 0 16px;margin:0}
body.glamour281 .gl-availability .gl-daily-save{width:auto!important;min-height:34px!important;padding:7px 12px!important;white-space:nowrap;border-radius:999px!important;font-size:12px!important}
.gl-daily-summary{border-top:1px solid #854464;margin-top:11px;padding-top:9px;font-size:12px;color:#75efa4;font-weight:650}
.gl-daily-summary span{margin-right:5px}
.gl-daily-member-status{margin-top:8px;max-width:100%;overflow-wrap:anywhere;color:#eab5d0}
@media(max-width:700px){
  /* The brand banner is much smaller so content reaches the first screen. */
  body.glamour281 .gl-feed-brand.gl-brand-banner,
  body.glamour281 .gl-feed-brand.gl-brand-banner .gl-brand-copy{height:61px!important;min-height:61px!important;max-height:61px!important;padding-block:3px!important}
  body.glamour281 .gl-feed-brand .gl-brand-logo{max-height:38px!important;max-width:min(70vw,230px)!important}
  body.glamour281 .feedgrid.gl-three-column-feed{padding:5px!important;width:calc(100% - 8px)!important;gap:7px!important}
  body.glamour281 .feedgrid.gl-three-column-feed .feedcol>.gl-stories-premium{padding:10px 9px 7px!important;margin-bottom:6px!important;border-radius:15px!important}
  body.glamour281 .feedgrid.gl-three-column-feed .gl-stories-premium .gl-section-head p{display:none!important}
  body.glamour281 .feedgrid.gl-three-column-feed .gl-stories-premium .storybar{min-height:98px!important;height:auto!important;gap:9px!important}
  body.glamour281 .feedgrid.gl-three-column-feed .storybar .sbc{height:94px!important;min-height:94px!important;max-height:94px!important;width:70px!important;min-width:70px!important;max-width:70px!important;flex:0 0 70px!important}
  body.glamour281 .feedgrid.gl-three-column-feed .storybar .sbc:not(.sbc-add):not(.sbc-empty) .sbc-bg{width:60px!important;height:60px!important;left:5px!important;top:4px!important}
  body.glamour281 .feedgrid.gl-three-column-feed .storybar .sbc-add .sbc-top{height:59px!important}
  body.glamour281 .feedgrid.gl-three-column-feed .storybar .sbc-add .sbc-plus{top:61px!important}
  body.glamour281 .feedgrid.gl-three-column-feed .storybar .sbc .sbc-name{font-size:10px!important;bottom:0!important}
  /* Prioritize the actual post composer before daily availability. */
  body.glamour281 .feedgrid.gl-three-column-feed .gl-mobile-engagement{display:flex;flex-direction:column;gap:8px;min-width:0;width:100%}
  body.glamour281 .feedgrid.gl-three-column-feed .gl-mobile-engagement #compose{order:0;margin:0!important;padding:12px!important;background:linear-gradient(140deg,#341322,#160d1b)!important;border:1px solid #a66374!important;border-radius:16px!important;box-shadow:0 4px 17px #fc0c7240!important}
  body.glamour281 .feedgrid.gl-three-column-feed .gl-mobile-engagement .gl-availability{order:1;margin:0!important;padding:12px!important;background:linear-gradient(135deg,#3b102b,#1e1025)!important;border:1px solid #c19360!important;box-shadow:0 5px 18px #e70a7630!important;border-radius:16px!important;scroll-margin-top:90px}
  body.glamour281 .feedgrid.gl-three-column-feed .gl-mobile-engagement #compose .gl-mobile-compose-intro{display:flex;align-items:center;gap:10px;margin-bottom:8px}
  body.glamour281 #compose .gl-mobile-compose-intro img{width:37px;height:37px;flex:0 0 37px;border-radius:50%;border:2px solid #ef188b;object-fit:cover}
  body.glamour281 #compose .gl-mobile-compose-intro span{display:flex;min-width:0;flex-direction:column;gap:2px}
  body.glamour281 #compose .gl-mobile-compose-intro strong{color:#fff;font-size:15px}
  body.glamour281 #compose .gl-mobile-compose-intro small{color:#d6b9c8;font-size:11px}
  body.glamour281 #compose .gl-mobile-compose-label{display:block!important;font-size:0!important;height:0;overflow:hidden;margin:0!important;padding:0!important}
  body.glamour281 #compose textarea{display:block;min-height:62px!important;padding:13px!important;background:#1a111e!important;border:1px solid #a26982!important;border-radius:13px!important;color:#fff!important;font-size:15px!important;line-height:1.45!important;resize:vertical}
  body.glamour281 #compose textarea::placeholder{color:#d0bdc7!important;opacity:1}
  body.glamour281 #compose textarea:focus{outline:2px solid #ff67a8!important;outline-offset:1px}
  body.glamour281 #compose form>label{display:block;font-size:12px;color:#edccdc;margin:7px 0!important}
  body.glamour281 #compose form>.gl-compose-file{display:inline-flex!important;align-items:center;flex-wrap:wrap;gap:4px 8px;width:auto;max-width:100%;min-height:37px;cursor:pointer;background:#241325;border:1px solid #76405c;border-radius:999px;padding:7px 12px!important;font-size:12px;color:#ffe0ed;margin:8px 0 4px!important;position:relative}
  body.glamour281 #compose .gl-compose-file>span{font-weight:700}
  body.glamour281 #compose .gl-compose-file>small{color:#cfb0c3;font-size:10px}
  body.glamour281 #compose .gl-compose-file>input[type=file]{position:absolute!important;width:1px!important;height:1px!important;opacity:0!important;overflow:hidden!important;left:0!important;bottom:0!important}
  body.glamour281 #compose .gl-compose-file:focus-within{outline:2px solid #ff8abd;outline-offset:2px}
  body.glamour281 #compose form>button[type=submit]{min-height:40px!important;padding:8px 18px!important;border-radius:999px!important;width:auto!important;float:right;margin-top:4px;font-size:14px;font-weight:750}
  body.glamour281 #compose form::after{content:'';display:block;clear:both}
  body.glamour281 .gl-availability .gl-daily-head{margin-bottom:9px}
  body.glamour281 .gl-availability .gl-daily-head>strong{font-size:15px}
  body.glamour281 .gl-availability .gl-daily-head .gl-daily-caption{display:none}
  body.glamour281 .gl-availability .chips.gl-daily-slots{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:6px!important}
  body.glamour281 .gl-availability .gl-daily-slots>form{min-width:0!important;max-width:100%!important;margin:0!important;grid-column:auto!important}
  body.glamour281 .gl-availability .gl-daily-slots button.gl-daily-slot{display:flex;align-items:center;justify-content:center;gap:3px;white-space:normal;line-height:1.16;min-width:0;min-height:45px!important;height:auto!important;padding:7px 4px!important;border-radius:13px!important;font-size:11px!important;overflow-wrap:normal;box-shadow:none!important;background:linear-gradient(155deg,#331228,#160e1c)!important;border:1px solid #ba738f!important;color:#fff!important}
  body.glamour281 .gl-availability .gl-daily-slots button.gl-daily-slot.is-selected{background:linear-gradient(130deg,#086a3c,#05a64d)!important;border-color:#59df8a!important;box-shadow:0 0 8px #18b45d60!important}
  body.glamour281 .gl-availability .gl-daily-status-label{display:flex!important;align-items:center;margin-bottom:6px!important}
  body.glamour281 .gl-availability .gl-daily-bottom{display:flex!important;align-items:center;gap:7px}
  body.glamour281 .gl-availability .gl-daily-visibility{font-size:10px!important;line-height:1.2;flex:1}
  body.glamour281 .gl-availability .gl-daily-save{min-height:36px!important;padding:8px 11px!important;flex:0 0 auto;font-size:12px!important}
  body.glamour281 .gl-availability .gl-daily-summary{font-size:11px;line-height:1.35;margin-top:9px;padding-top:8px}
  body.glamour281 .feedgrid.gl-three-column-feed .gl-mobile-feed-discovery{margin:8px 0 10px!important}
  body.glamour281 .feedgrid.gl-three-column-feed .post{margin:0 0 10px!important;padding:12px!important;border:1px solid #814b65!important;box-shadow:0 9px 22px #0003!important}
  body.glamour281 .feedgrid.gl-three-column-feed .post .head{padding-bottom:9px}
  body.glamour281 .feedgrid.gl-three-column-feed .post .pre{font-size:14px!important;line-height:1.5}
}
@media(max-width:370px){
  body.glamour281 .gl-availability .gl-daily-slots button.gl-daily-slot{font-size:10px!important;padding:7px 2px!important}
  body.glamour281 .gl-availability .gl-daily-bottom{flex-wrap:wrap}
  body.glamour281 .gl-availability .gl-daily-save{width:100%!important}
}
@media(prefers-reduced-motion:reduce){body.glamour281 .feedcol :is(.gl-daily-slot,textarea,input){transition:none!important}}
