/*
Theme Name: Property Portfolio Investor
Theme URI: https://propertyportfolioinvestor.co.uk/
Author: Capital Business Media
Author URI: https://capitalbusinessmedia.co.uk
Description: Editorial theme for Property Portfolio Investor (Direction A). Mobile-first, ad-ready, SEO-friendly. Pairs with Yoast Premium for schema/meta. Design tokens and layout live in assets/css/main.css (enqueued separately).
Version: 1.0.0
Requires at least: 6.0
Tested up to: 6.6
Requires PHP: 7.4
License: Proprietary
Text Domain: ppi
Tags: news, magazine, editorial, two-columns, custom-menu, featured-images, translation-ready
*/

/* The full design system is in assets/css/main.css (enqueued in functions.php).
   Below: WordPress-specific glue only. */

/* Primary nav menu (wp_nav_menu outputs <li>) */
nav.main .wrap > li{flex:none;list-style:none}
nav.main .wrap > li > a{display:inline-block}
nav.main .wrap .current-menu-item > a{color:var(--accent-dk);border-bottom:2px solid var(--accent)}

/* Drawer menu */
.drawer .dnav li{list-style:none}

/* Custom logo sizing */
.custom-logo-link{display:inline-block}
.custom-logo{max-height:62px;width:auto;height:auto}

/* When BlogKit renders a real ad inside the theme's .ad chrome, drop the
   striped placeholder background and the theme's own 'Advertisement' tag —
   the plugin prints its own disclosure label (avoids the double label). */
.ad:has(.blogkit-ad){background:none;border-color:transparent}
.ad:has(.blogkit-ad)::before{display:none}

/* Opinion page polish 2026-07-14: uniform columnist cards (role pinned to the
   bottom, long names clamped) and op-ed cards with the author row bottom-aligned
   so the grid reads evenly. */
.colcard{display:flex;flex-direction:column;align-items:center}
.colcard .av{flex:none}
.colcard .nm{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.colcard .rl{margin-top:auto;padding-top:4px}
.opcard{display:flex;flex-direction:column}
.opcard .authorrow{margin-top:auto;padding-top:14px}

/* Client tweaks 2026-07-10: date moved into the utility bar (above the ticker),
   brand logo enlarged in the masthead. */
.utility .u-date{color:#8a909b;margin-left:14px;padding-left:14px;border-left:1px solid #3a3e46}
.mast .logo svg{width:64px;height:54px}
.mast .logo .word .l1,.mast .logo .word .l2{font-size:1.6rem}
@media(max-width:560px){
  .mast .logo svg{width:48px;height:40px}
  .mast .logo .word .l1,.mast .logo .word .l2{font-size:1.2rem}
}

/* Ad slot wrapper */
.ad-slot{display:flex;justify-content:center;margin:14px 0}

/* Skip link / screen-reader text */
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link:focus{position:fixed;left:8px;top:8px;width:auto;height:auto;clip:auto;z-index:1000;background:var(--accent);color:#221301;padding:10px 16px;border-radius:4px;font-weight:600}

/* WP alignment/caption helpers inside article prose */
.prose img,.entry-content img{height:auto}
.alignleft{float:left;margin:6px 20px 12px 0}
.alignright{float:right;margin:6px 0 12px 20px}
.aligncenter{display:block;margin:12px auto}
.wp-caption-text,figcaption{font-size:.72rem;color:var(--ink-soft);margin-top:6px}

/* Featured images inside prototype placeholder frames fill the frame */
.imgwrap img,.portrait img,.th img,.heroimg img{width:100%;height:100%;object-fit:cover;display:block}

/* Rail "View all" link under the Opinion/Advice boxes */
.railbox .rl-more{display:block;margin-top:10px;font-size:.82rem;font-weight:700;color:var(--accent-dk);text-decoration:none}
.railbox .rl-more:hover{text-decoration:underline}

/* Homepage Profiles feature block (reuses .pfeat/.people from the profiles listing) */
.profiles-home{background:var(--paper-2);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.profiles-home .people{margin-top:26px}

/* WP-adaptation rules the starter theme carried in template <style> blocks */
.result .rl{font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-soft)}
.result .rv{font-family:var(--serif);font-weight:700;font-size:1.7rem;margin-top:4px}
.formbox input,.formbox select,.formbox textarea{width:100%;padding:12px;border:1px solid var(--line);border-radius:5px;font-family:var(--sans);font-size:1rem;background:var(--paper);margin-bottom:12px}
.formbox textarea{min-height:140px}
.opfeat .imgwrap img{width:100%;height:100%;object-fit:cover}
.phead .portrait{aspect-ratio:1;border-radius:8px;background:linear-gradient(135deg,#cdbfa6,#9c8869);overflow:hidden}
.phead .portrait img{width:100%;height:100%;object-fit:cover}
.pfeat .portrait img,.person .portrait img{width:100%;height:100%;object-fit:cover}

/* Autoload next-article separator */
.ppi-autoload-sep{display:flex;align-items:center;gap:14px;margin:44px 0 34px;color:var(--ink-soft);font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.ppi-autoload-sep::before,.ppi-autoload-sep::after{content:"";flex:1;border-top:1px solid var(--line)}