/* Look «نبض»: magazine feel on the same pages — grey page with white rounded panels, floating cards,
   centred logo, bold section titles, rounded footer. Loaded only when the look is chosen (theme option «skin»). */
body{background:#eef1f5}
body .slm-main{padding-top:6px}

/* header: the site's name on the right (start), no date; dark section bar */
body .slm-brandrow{background:#fff;border-bottom:0;box-shadow:0 1px 0 rgba(0,0,0,.06)}
body .slm-brandrow__in{justify-content:flex-start;padding-block:14px}
body .slm-brandrow .slm-logo img{max-height:60px;max-width:min(320px,70vw)}
body .slm-brandrow__date{display:none!important}
body .slm-header{background:var(--night);border-bottom:0;box-shadow:0 6px 18px rgba(0,0,0,.18)}
body .slm-menu>li>a{font-weight:800;letter-spacing:0;border-radius:999px;padding:7px 14px}
body .slm-menu>li>a:hover,body .slm-menu>li.is-on>a{background:var(--gold);color:#111}

/* breaking bar: white strip with a pill label, dark news text (whatever «شكل شريط عاجل» is chosen) */
body .slm-breaking{background:#fff!important;border:0!important;border-bottom:1px solid #e3e7ee!important}
body .slm-breaking__lbl{border-radius:999px;background:var(--gold)!important;color:#111!important}
body .slm-breaking__move a{color:var(--ink,#242f3d)!important;font-weight:700}
body .slm-breaking__move a:hover{color:var(--navy)!important}
body .slm-breaking__move a:after{background:var(--gold)!important}

/* sections: white panels */
body .slm-sec{background:#fff;border-radius:18px;padding:20px 20px 24px;margin-block:18px;box-shadow:0 2px 14px rgba(15,23,42,.06)}
body .slm-sec.slm-bleed,body .slm-bleed{border-radius:18px}
body .slm-sec__head{border:0;margin-bottom:16px;align-items:center}
body .slm-sec__title{font-size:24px;font-weight:800;border:0;background:none;padding:0;color:var(--navy)}
body .slm-sec__title:before{content:"";display:inline-block;width:12px;height:12px;border-radius:4px;background:var(--gold);margin-inline-end:10px;vertical-align:middle}
body .slm-sec__title a,body .slm-sec__title span{background:none!important;color:inherit!important;padding:0!important;border:0!important}
body .slm-sec__title a:after,body .slm-sec__title span:after,body .slm-sec__title:after{display:none!important}
body .slm-sec__more{background:var(--navy);color:#fff;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:700}
body .slm-sec__more:hover{background:var(--gold);color:#111}

/* cards: white, floating, rounded pictures, lift on hover */
body .slm-card{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(15,23,42,.08);transition:transform .2s,box-shadow .2s;border:0}
body .slm-card:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(15,23,42,.14)}
body .slm-card__m,body .slm-card .slm-media{border-radius:14px 14px 0 0;overflow:hidden}
body .slm-card__b{padding:12px 14px 14px;background:#fff}
body .slm-card__t{font-weight:800;line-height:1.55}
body .slm-row{border-radius:12px;padding:8px;transition:background .2s}
body .slm-row:hover{background:#f4f6fa}
body .slm-row .slm-media{border-radius:10px;overflow:hidden}
body .slm-ov,body .slm-feat__main,body .slm-mosaic .slm-media{border-radius:16px;overflow:hidden}
body .slm-ov:after{background:linear-gradient(180deg,transparent 35%,rgba(0,0,0,.82))!important}
body .slm-chip{border-radius:999px;background:var(--gold);color:#111;font-weight:800;padding:3px 10px}

/* slider: rounded with a glass caption */
body .slm-slider,body .slm-slider__stage{border-radius:20px;overflow:hidden}
body .slm-slide__t{backdrop-filter:blur(6px);background:rgba(0,0,0,.35);border-radius:14px;padding:12px 16px}
body .slm-slider__thumbs .slm-media{border-radius:10px;overflow:hidden}

/* widgets */
body .slm-widget{background:#fff;border-radius:16px;overflow:hidden;box-shadow:0 2px 14px rgba(15,23,42,.06);border:0}
body .slm-widget__h{background:var(--navy);color:#fff;border:0}

/* footer: rounded top, the dark shade of the site colour */
body .slm-footer{background:transparent!important;border:0!important;margin-top:30px;padding-bottom:16px}
body .slm-footer>.slm-wrap{background:var(--night);border-radius:24px;padding:26px 26px 18px;box-shadow:0 10px 30px rgba(15,23,42,.18)}
@media (max-width:767px){body .slm-footer>.slm-wrap{border-radius:18px;padding:20px 14px 14px;width:calc(100% - 20px)}}

/* phone / tablet: the header holds the logo itself (white, like the desktop logo row), icons in the site colour */
@media (max-width:1024px){
  body .slm-header{background:#fff!important;box-shadow:0 2px 10px rgba(15,23,42,.08)!important}
  body .slm-header .slm-ico,body .slm-header .slm-ico i,body .slm-header .fa{color:var(--navy)!important}
  body .slm-burger span,body .slm-burger i{background:var(--navy)!important}
  body .slm-sec{padding:14px 12px 16px;border-radius:14px}
}

/* desktop: header boxed to the content width (not the whole screen): white logo row + dark section bar
   as one rounded block, sections on the right */
@media (min-width:1025px){
  body .slm-brandrow{background:transparent!important;box-shadow:none!important}
  body .slm-brandrow__in{background:#fff;border-radius:18px 18px 0 0;margin-top:14px;padding-inline:22px;box-shadow:0 2px 14px rgba(15,23,42,.06)}
  body .slm-header{background:transparent!important;box-shadow:none!important;border:0!important}
  body .slm-header__in{background:var(--night);border-radius:0 0 18px 18px;padding-inline:14px;box-shadow:0 10px 24px rgba(15,23,42,.16)}
  body .slm-breaking{background:transparent!important;border:0!important}
  body .slm-breaking__in{background:#fff;border-radius:12px;margin-top:12px;padding-inline:10px;box-shadow:0 2px 10px rgba(15,23,42,.05)}
}

/* ---- category / tag / search pages: the same floating cards ---- */
body .archive-heading,body .section-heading-wrapper{background:#fff;border-radius:16px;padding:14px 18px;margin:16px 0;box-shadow:0 2px 14px rgba(15,23,42,.06);border:0}
body .archive-heading h1,body .archive-heading h2,body .section-heading-wrapper h2,body .section-heading{font-weight:800;color:var(--navy);border:0;background:none}
body .post-list{background:#fff;border-radius:14px;overflow:hidden;box-shadow:0 6px 18px rgba(15,23,42,.08);transition:transform .2s,box-shadow .2s;margin-bottom:22px;border:0}
body .post-list:hover{transform:translateY(-3px);box-shadow:0 12px 26px rgba(15,23,42,.14)}
body .post-list .thumb,body .post-list .thumb img{border-radius:0;display:block}
body .post-list .content{padding:12px 14px 14px;background:#fff}
body .post-list .post-title,body .post-list .post-title a{font-weight:800;line-height:1.55}
body .post-list .post-category,body .post-list .post-category a{border-radius:999px;background:var(--gold);color:#111;padding:2px 10px;font-weight:800}
body .pagination a,body .pagination span{border-radius:10px}

/* ---- the article: a white rounded panel, rounded picture and boxes ---- */
body .slm-art .post-header-container,body .slm-art .post{background:#fff;border-radius:18px;padding:22px 24px;box-shadow:0 2px 14px rgba(15,23,42,.06)}
body .slm-art .featured-image,body .slm-art .featured-image img,body .slm-art .article-content img{border-radius:14px;overflow:hidden}
body .slm-art .post-title{font-weight:800}
body .alsoread-box,body .author-card,body .slm-gnews,body .prevnext-post>*{border-radius:16px;overflow:hidden}
body .article-tags .tag-link{border-radius:999px;padding:4px 12px;background:#f1f3f7;border:0}
body .article-tags .tag-link:hover{background:var(--gold);color:#111}
body .social-share .cs-btn,body .slm-share a{border-radius:999px}
@media (max-width:767px){body .slm-art .post-header-container,body .slm-art .post{padding:14px 12px;border-radius:14px}}

/* header, finished: search box in the logo row, a thin accent line under the section bar, current section lit */
body .slm-brandrow__in{justify-content:space-between;align-items:center}
body .slm-brandrow__side{display:flex;align-items:center;gap:10px}
body .slm-hsearch{display:flex;align-items:center;width:min(360px,34vw);height:44px;background:#f2f4f7;border:1px solid #e3e7ee;border-radius:999px;padding-inline:16px 6px;transition:border-color .2s,box-shadow .2s}
body .slm-hsearch:focus-within{border-color:var(--gold);box-shadow:0 0 0 4px rgba(255,140,26,.15);background:#fff}
body .slm-hsearch input{flex:1;min-width:0;border:0;background:transparent;font:inherit;font-size:15px;color:var(--ink,#242f3d);outline:0}
body .slm-hsearch button{width:34px;height:34px;border:0;border-radius:50%;background:var(--navy);color:#fff;cursor:pointer;display:grid;place-items:center}
body .slm-hsearch button:hover{background:var(--gold);color:#111}
@media (min-width:1025px){
  body .slm-header__in{border-bottom:3px solid var(--gold)}
  body .slm-header__in>.slm-tools [data-slm="search"]{display:none}
}
body .slm-menu>li.active>a{background:var(--gold);color:#111}
@media (max-width:1024px){body .slm-hsearch{display:none}}