/* AsiaCinefil Cinema — 2026. Standalone child theme; Curve remains intact. */
:root { --cinema-wine:#790c25; --cinema-ink:#292320; --cinema-line:#e5d7c5; --cinema-paper:#fcf9f4; --cinema-gold:#b68a42; }
html { background:#f4eee5; }
body { background:#f4eee5 url(../images/cinema-panorama.webp) center 36px / max(100%, 1536px) auto no-repeat; color:var(--cinema-ink); font-family:"Segoe UI",Arial,sans-serif; font-size:14px; line-height:1.55; }
a { color:#721429; }
a:hover { color:#9a233b; text-decoration:underline; }
a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible { outline:3px solid #b88a3d; outline-offset:3px; }
#top_section { background:rgba(252,249,244,.94); border-bottom:1px solid var(--cinema-line); box-shadow:none; min-height:38px; }
#top_section .inner_wrap,#wrapper,#header,#footer .inner_wrap { width:calc(100% - 48px); max-width:1280px; box-sizing:border-box; }
#top_section .inner_wrap { padding:0 20px; }
#top_info { display:flex; align-items:center; gap:8px; flex-wrap:wrap; }
#top_info>li>a { color:#42372f; background:transparent; border:0; box-shadow:none; font-size:13px; }
#top_info>li>a.active,#top_info>li>a:hover { color:var(--cinema-wine); background:#f1e7da; }
#top_info #nojs_logout { display:block!important; }
#top_info #nojs_logout a { font-weight:600; }
#top_info .welcome { color:#493e34; }
#header { display:flex; flex-direction:column; justify-content:center; min-height:220px; padding:12px 0 16px; background:none; }
#header .asiacinefil-logo-link { width:100%; }
#header .asiacinefil-logo-link #smflogo { width:440px; max-width:85%; height:auto; margin:0 auto; }
#header .cinema-tagline { font-family:Georgia,"Times New Roman",serif; font-size:20px; text-align:center; color:#3f3026; padding:0 12px; margin:0; text-shadow:0 1px 8px #fff; }
#wrapper { background:rgba(252,249,244,.98); border:1px solid var(--cinema-line); border-radius:7px; box-shadow:0 4px 18px #4d30120c; padding:0; }
#upper_section { padding:0; background:none; }
#inner_section { padding:0 20px; background:none; border:0; box-shadow:none; }
#inner_wrap { padding:8px 0 0; font-size:12px; color:#776655; }
#inner_wrap .user { min-height:0; }
#main_menu { padding:8px 0; border-bottom:1px solid var(--cinema-line); }
#main_menu .dropmenu { display:flex; gap:4px; flex-wrap:wrap; }
#main_menu .dropmenu>li>a { background:transparent; color:#392d26; box-shadow:none; border:0; padding:9px 14px; border-radius:4px; font-weight:600; }
#main_menu .dropmenu>li>a.active,#main_menu .dropmenu>li:hover>a { background:var(--cinema-wine); color:white; }
.dropmenu li ul,.top_menu,.popup_window { background:#fffdf9; border-color:var(--cinema-line); }
#inner_section .navigate_section { margin:8px 0; }
.navigate_section ul { background:none; border:0; box-shadow:none; font-size:12px; padding:0; }
#content_section { padding:8px 20px 20px; }
#main_content_section { padding:0; }
.cinema-layout { display:grid; grid-template-columns:minmax(0,1fr) 290px; gap:24px; align-items:start; }
.cinema-main { min-width:0; }
.cinema-welcome { margin:2px 0 20px; font-size:16px; }
.cinema-welcome:after { content:""; display:block; height:1px; width:72px; background:var(--cinema-gold); margin-top:9px; }
.cinema-card { border:1px solid var(--cinema-line); background:var(--cinema-paper); border-radius:6px; padding:16px; margin-bottom:16px; box-shadow:0 2px 7px #73451b06; }
.cinema-card h2 { font-size:15px; font-weight:600; margin:0 0 12px; padding-bottom:8px; border-bottom:1px solid var(--cinema-line); }
.cinema-card h3 { font-family:Georgia,"Times New Roman",serif; font-size:22px; line-height:1.25; color:#3a2720; margin:12px 0 8px; }
.cinema-card p { color:#67594d; font-size:13px; margin:8px 0 12px; }
.cinema-feature { text-align:center; }
.cinema-feature h2 { font:16px Georgia,serif; text-transform:uppercase; letter-spacing:1px; }
.cinema-feature>img { width:100%; height:155px; object-fit:cover; border-radius:4px; display:block; }
.cinema-button,a.cinema-button { display:inline-block; padding:9px 18px; border-radius:4px; background:var(--cinema-wine); color:#fff; font-weight:600; font-size:13px; text-decoration:none; }
.cinema-button:hover { background:#961332; color:white; }
.cinema-recent { list-style:none; margin:0; padding:0; }
.cinema-recent li { padding:9px 0; border-bottom:1px solid #eee3d8; }
.cinema-recent li:last-child { border:0; padding-bottom:0; }
.cinema-recent a { font-size:13px; overflow-wrap:anywhere; }
.cinema-gallery-art { height:96px; border-radius:4px; background:url(../images/cinema-feature.webp) center 60% / cover; }
.cinema-text-link { display:block; text-align:center; margin-top:12px; font-size:13px; }
.cinema-discover p { margin-top:-3px; }
.cinema-discover nav { display:grid; gap:7px; }
.cinema-discover nav a { display:flex; justify-content:space-between; align-items:center; padding:8px 9px; border:1px solid #eadccc; border-radius:4px; color:#6e1730; text-decoration:none; font-size:13px; }
.cinema-discover nav a:hover { background:#f5ecdf; text-decoration:none; }
.cinema-guest { padding:28px; margin-bottom:24px; border:1px solid var(--cinema-line); border-radius:6px; background:linear-gradient(115deg,#fffcf7,#f3e8d9); }
.cinema-eyebrow { color:#8b5e2c; font-size:11px; letter-spacing:2px; font-weight:700; }
.cinema-guest h2 { font:30px/1.25 Georgia,serif; max-width:580px; margin:14px 0; color:#65112a; }
.cinema-guest p { margin:0 0 20px; max-width:600px; color:#66584b; }
.cinema-interests { display:flex; gap:8px; flex-wrap:wrap; margin-top:24px; }
.cinema-interests span { padding:5px 10px; border:1px solid #dcc9ad; border-radius:20px; color:#745a3d; font-size:12px; }
div.cat_bar { background:linear-gradient(100deg,#800d28,#690c22); border:0; border-radius:5px 5px 0 0; padding:5px 10px; box-shadow:none; }
h3.catbg,h3.catbg a,h3.catbg a:hover { color:white; font-size:16px; text-shadow:none; }
.title_bar,.sub_bar { background:#f4eee5; border:1px solid var(--cinema-line); box-shadow:none; }
h3.titlebg,h4.titlebg,.titlebg a,.subbg { color:#493529; }
.windowbg,.roundframe,.information,.description { background:#fcf9f4; border:1px solid var(--cinema-line); box-shadow:none; border-radius:5px; color:var(--cinema-ink); }
.windowbg:nth-of-type(even) { background:#f8f3eb; }
.windowbg.sticky { background:#f5ecd9; }
.windowbg.locked { background:#eee9e2; }
.up_contain { background:#fdfaf6; border:1px solid var(--cinema-line); margin:0; border-top:0; padding:9px 8px; }
.up_contain:last-child { border-radius:0 0 5px 5px; }
.up_contain:hover { background:#f6eee3; }
.info .subject { color:#4c252c; font-size:15px; font-weight:600; }
.boardindex_table .board_icon { width:52px; }
.boardindex_table .info { width:calc(56% - 52px); padding:6px 10px 6px 0; }
.boardindex_table .board_stats { width:14%; padding:0 8px; font-size:11px; }
.boardindex_table .lastpost { width:30%; padding:6px 0 6px 10px; font-size:12px; }
.board_stats p { border-color:var(--cinema-line)!important; }
.children { border-color:var(--cinema-line); }
.board_icon a { background:none; width:32px; height:32px; border:2px solid #a79179; border-radius:50%; position:relative; opacity:.75; }
.board_icon a:after { content:""; position:absolute; inset:8px; border:1px solid currentColor; border-radius:2px; transform:rotate(-12deg); color:#977d60; }
.board_icon a.board_on,.board_icon a.board_on2 { border-color:var(--cinema-wine); background:#790c2510; opacity:1; }
.board_icon a.board_on:after,.board_icon a.board_on2:after { color:var(--cinema-wine); }
.button,.button:visited,input[type=submit],input[type=button],button { background:#f6eee3; border:1px solid #d9c5a8; box-shadow:none; color:#643923; border-radius:4px; }
.button:hover,input[type=submit]:hover { background:#ecdfcc; color:#5a1023; }
.button.active,.pagelinks .current_page { background:var(--cinema-wine); color:white; border-color:var(--cinema-wine); }
input[type=text],input[type=password],input[type=email],input[type=search],select,textarea { border-color:#cdbda9; background:#fffdf9; color:#302822; border-radius:4px; }
.post { font-size:15px; line-height:1.65; }
.bbc_standard_quote { background:#f1e9dd; border-color:#d8c5a7; }
#info_center { margin-top:20px; }
#info_center .cat_bar { background:#f5eee4; border:1px solid var(--cinema-line); }
#info_center h3.catbg,#info_center h3.catbg a { color:#4c3328; font-size:15px; }
#info_center .roundframe { margin-top:0; }
#footerfix { min-height:0; padding-bottom:0; }
#footer { background:#f4eee5; border:0; box-shadow:none; padding:24px 0; margin-top:0; }
#footer li,#footer a,#footer p { color:#695440; }
#asiacinefil_radio_bar { margin-top:24px; background:#f9f4ec!important; border-top:1px solid #d9bea0; }
#asiacinefil_radio_link { padding:8px 0!important; }
#asiacinefil_radio_link a { color:var(--cinema-wine); }
@media(min-width:1500px) { #wrapper,#top_section .inner_wrap,#footer .inner_wrap { width:78%; max-width:1440px; } .cinema-layout { grid-template-columns:minmax(0,1fr) 310px; } }
@media(max-width:1100px) { .cinema-layout { grid-template-columns:minmax(0,1fr) 250px; gap:16px; } .boardindex_table .board_stats { display:none; } .boardindex_table .info { width:calc(62% - 52px); } .boardindex_table .lastpost { width:38%; } }
@media(max-width:900px) { .cinema-layout { display:block; } .cinema-sidebar { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin-top:24px; } .cinema-card { padding:12px; } .cinema-card h3 { font-size:19px; } #wrapper,#header,#top_section .inner_wrap,#footer .inner_wrap { width:calc(100% - 24px); } }
@media(max-width:720px) { body { background-size:auto 650px; background-position:center 36px; font-size:14px; } #header { min-height:175px; padding:10px 0 12px; } #header .asiacinefil-logo-link #smflogo { width:340px; max-width:90%; margin:0; } #header .cinema-tagline { font-size:15px; } #wrapper { width:calc(100% - 16px); } #inner_section { padding:0 12px; } #content_section { padding:8px 12px 16px; } .cinema-sidebar { display:block; } .cinema-feature>img { height:170px; } .cinema-guest { padding:22px; } .cinema-guest h2 { font-size:26px; } #main_menu .dropmenu { display:block; } #main_menu .dropmenu>li>a { padding:10px 14px; } .mobile_user_menu { color:var(--cinema-wine); padding:12px 0; } #main_menu { border:0; padding:0; } #top_section .inner_wrap { width:100%; padding:0 8px; } #top_info { gap:0; } #top_info>li>a { padding:5px 7px; } .boardindex_table .lastpost { width:100%; border-top:1px solid #ecdfce; margin-top:6px; padding:6px; } .boardindex_table .info { width:calc(100% - 52px); } .cinema-welcome { font-size:14px; } #footer { padding:18px 0; } }
@media(prefers-reduced-motion:reduce) { *,*:before,*:after { scroll-behavior:auto!important; animation:none!important; transition:none!important; } }
