/*
Theme Name: BrochCyber
Theme URI: https://brochcyber.com
Author: BrochCyber
Description: WordPress-native BrochCyber theme with editable page content, native WordPress menus, widget footer areas and a custom carousel editor.
Version: 2.0
License: GPLv2 or later
Text Domain: brochcyber
*/
:root{--brand-red:#d71920;--dark:#202020;--grey:#676767;--light:#f5f5f5;--line:#dedede;--white:#fff;--midnight:#071827;--navy:#0b2238;--sky:#6ec6ff;--lilac:#b9a7ff}*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#333;background:#fff;line-height:1.6;overflow-x:hidden}a{color:var(--brand-red);text-decoration:none}a:hover{text-decoration:underline}img{max-width:100%;height:auto}.container{width:min(1120px,94%);margin:0 auto}.skip-link{position:absolute;left:-999px;top:auto}.skip-link:focus{left:12px;top:12px;background:#fff;padding:8px 12px;z-index:9999}.top-strip{height:8px;background:#1d1d1d;border-radius:0!important}.site-header{background:#fff;border-bottom:0;border-radius:0!important;position:sticky;top:0;z-index:100}.admin-bar .site-header{top:32px}.main-nav{background:#2b2b2b;border-radius:0!important;overflow:visible}.nav-container{position:relative}.menu-toggle{display:none;width:100%;background:#2b2b2b;color:#fff;border:0;padding:14px 0;text-align:left;font-weight:700;text-transform:uppercase;cursor:pointer}.menu-toggle-bars{display:inline-block;width:22px;height:2px;background:#fff;position:relative;margin-right:10px;vertical-align:middle}.menu-toggle-bars::before,.menu-toggle-bars::after{content:"";position:absolute;left:0;width:22px;height:2px;background:#fff}.menu-toggle-bars::before{top:-7px}.menu-toggle-bars::after{top:7px}.main-nav ul{list-style:none;margin:0;padding:0}.main-nav .menu{display:flex;flex-wrap:wrap}.main-nav li{position:relative}.main-nav a{display:block;color:#fff;padding:15px 18px;font-size:14px;text-transform:uppercase}.main-nav a:hover,.main-nav li:focus-within>a{background:var(--brand-red);color:#fff;text-decoration:none}.main-nav .sub-menu{display:none;position:absolute;top:100%;left:0;background:#333;min-width:240px;z-index:50;box-shadow:0 8px 20px rgba(0,0,0,.25)}.main-nav .sub-menu a{text-transform:none;padding:12px 16px}@media(hover:hover) and (min-width:861px){.main-nav li:hover>.sub-menu,.main-nav li:focus-within>.sub-menu{display:block}}.submenu-toggle{display:none;position:absolute;right:8px;top:7px;width:34px;height:34px;border:0;border-radius:10px;background:rgba(255,255,255,.14);color:#fff;font-size:20px;cursor:pointer}.slider{position:relative;overflow:hidden;background:#111827;border-radius:0;}.slide{display:none;min-height:390px;background-size:cover;background-position:center;background-repeat:no-repeat;position:relative}.slide.active{display:block}.slide:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.68),rgba(0,0,0,.28),rgba(0,0,0,.15))}.slide-content{position:relative;z-index:2;color:#fff;padding:96px 0 110px;max-width:620px}.slide-content h2{font-size:42px;line-height:1.1;margin:0 0 14px;text-transform:uppercase;font-weight:700}.slide-content p{font-size:18px;margin:0 0 24px;color:#eee}.btn,.wp-block-button__link{display:inline-block;background:var(--brand-red);color:#fff!important;padding:12px 22px;border-radius:22px;font-weight:700;text-transform:uppercase;font-size:13px}.btn:hover,.wp-block-button__link:hover{background:#a90f15;text-decoration:none}.slider-controls{position:absolute;left:0;right:0;bottom:18px;text-align:center;z-index:5}.slider-dot{display:inline-block;width:12px;height:12px;border-radius:999px;background:#fff;opacity:.55;margin:0 5px;border:0;cursor:pointer}.slider-dot.active{opacity:1;background:var(--brand-red)}.slider-arrow{position:absolute;top:50%;transform:translateY(-50%);z-index:5;border:0;background:rgba(0,0,0,.45);color:#fff;font-size:28px;width:42px;height:54px;cursor:pointer;border-radius:18px}.slider-arrow.prev{left:18px}.slider-arrow.next{right:18px}.page-hero{background:#f1f1f1;padding:48px 0}.page-hero h1{font-size:34px;margin:0;color:#333}.page-content{padding:38px 0 56px}.front-page-content{padding-top:44px}.content-layout{display:grid;grid-template-columns:1fr 285px;gap:34px;align-items:start}.page-main{background:#fff;border-radius:22px}.page-main p{margin:0 0 17px}.page-main h2,.page-main h3{color:#333;margin-top:26px}.sidebar .widget{border:1px solid #ddd;background:#fafafa;margin-bottom:22px;padding:18px;border-radius:22px}.sidebar h2{font-size:20px;margin:0 0 12px;color:#333}.search-form{display:flex;gap:6px}.search-field{flex:1;padding:9px;border:1px solid #ccc;border-radius:22px}.search-submit{background:var(--brand-red);color:#fff;border:0;padding:9px 12px;cursor:pointer;border-radius:22px}.bc-page-section{padding:24px 0 48px}.bc-page-section h1,.front-page-content h1{font-size:34px;margin:0 0 24px;color:#333;text-transform:uppercase}.bc-service-columns{gap:22px;margin-bottom:22px}.bc-service-columns .wp-block-column,.front-page-content .wp-block-column{border:1px solid #ddd;background:#fafafa;border-radius:22px;padding:22px;box-shadow:0 1px 2px rgba(0,0,0,.04)}.bc-service-columns h3,.front-page-content h3{margin-top:0;color:var(--brand-red);font-size:18px}.bc-main-cta{background:#f1f1f1;border-radius:22px;justify-content:center;padding:28px;margin-top:24px}.site-footer{background:#2b2b2b;color:#ddd;padding:30px 0 18px}.footer-widgets{margin-bottom:24px}.footer-widget{margin-bottom:18px}.footer-links{display:block;text-align:center;margin-bottom:18px}.footer-links ul,.footer-menu{list-style:none;padding:0;margin:0}.footer-links li{display:inline-block}.footer-links a{color:#fff;border-right:1px solid #777;padding:0 10px;font-size:14px}.footer-links li:last-child a{border-right:0}.copyright{text-align:center;color:#bbb;font-size:13px}.news-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.news-card{border:1px solid #ddd;padding:18px;background:#fff;border-radius:22px}.news-card h2{font-size:18px;margin:0 0 10px}table{width:100%;border-collapse:collapse;display:block;overflow-x:auto}iframe,embed,object,video{max-width:100%}input,textarea,select,button{max-width:100%}@media(max-width:1024px){.container{width:min(960px,94%)}.news-grid{grid-template-columns:repeat(2,1fr)}.slide-content{padding-left:44px;padding-right:44px}}@media(max-width:860px){.admin-bar .site-header{top:46px}.menu-toggle{display:block}.menu-wrap{display:none;background:#2b2b2b}.main-nav.is-open .menu-wrap{display:block}.main-nav .menu{display:block;width:100%}.main-nav .menu li{border-top:1px solid rgba(255,255,255,.12)}.main-nav .menu a{padding:14px 48px 14px 16px}.main-nav .sub-menu{display:none;position:static;min-width:0;width:100%;box-shadow:none;background:#383838;border-radius:0!important}.main-nav .menu-item-has-children.is-open>.sub-menu{display:block}.submenu-toggle{display:block}.submenu-toggle[aria-expanded="true"]{background:var(--brand-red)}.content-layout{display:block;padding:26px 0 42px}.page-main{margin-bottom:24px}.slide{min-height:430px}.slide-content{padding:70px 42px 92px}.slider-arrow{width:36px;height:46px;font-size:24px}.bc-service-columns{display:block}.bc-service-columns .wp-block-column{margin-bottom:18px}.footer-links ul,.footer-menu{display:block;text-align:center}.footer-links li{display:block}.footer-links a{display:block;border-right:0;border-bottom:1px solid rgba(255,255,255,.12);padding:10px}}@media(max-width:520px){.container{width:min(100% - 28px,1120px)}.slide{min-height:470px}.slide-content{padding:62px 34px 96px}.slide-content h2{font-size:27px}.slide-content p{font-size:16px}.slider-arrow.prev{left:8px}.slider-arrow.next{right:8px}.btn,.wp-block-button__link{width:100%;text-align:center}.page-hero h1,.front-page-content h1{font-size:26px}}

/* BrochCyber WPForms button styling */
.wpforms-container button[type="submit"],
.wpforms-container .wpforms-submit {
  display: inline-block;
  background: var(--brand-red) !important;
  color: #fff !important;
  padding: 12px 22px !important;
  border: 0 !important;
  border-radius: 22px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  cursor: pointer !important;
  line-height: 1.2 !important;
}

.wpforms-container button[type="submit"]:hover,
.wpforms-container .wpforms-submit:hover {
  background: #a90f15 !important;
  color: #fff !important;
  text-decoration: none !important;
}

/* Exact BrochCyber form button styling */
#wpforms-submit-12,
#wpforms-submit-730 {
  display: inline-block !important;
  background-color: var(--brand-red) !important;
  color: #ffffff !important;
  padding: 12px 22px !important;
  border: 0 !important;
  border-radius: 22px !important;
  font-weight: 700 !important;
  text-transform: uppercase !important;
  font-size: 13px !important;
  cursor: pointer !important;
  line-height: 1.2 !important;
  box-shadow: none !important;
}

#wpforms-submit-12:hover,
#wpforms-submit-730:hover {
  background-color: #a90f15 !important;
  color: #ffffff !important;
  text-decoration: none !important;
}

/* Box styling for expandable front-page sections */
.front-page-content details,
.front-page-content .wp-block-details {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 22px;
  box-shadow: 0 14px 34px rgba(10, 31, 68, 0.10);
  padding: 24px 28px;
  margin: 22px 0;
  overflow: hidden;
}

/* Accordion heading / clickable title */
.front-page-content details summary,
.front-page-content .wp-block-details summary {
  cursor: pointer;
  color: #d71920;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
  font-size: 20px;
  line-height: 1.3;
  list-style: none;
}

/* Remove default browser triangle if needed */
.front-page-content details summary::-webkit-details-marker,
.front-page-content .wp-block-details summary::-webkit-details-marker {
  display: none;
}

/* Add your own plus symbol */
.front-page-content details summary::after,
.front-page-content .wp-block-details summary::after {
  content: "+";
  float: right;
  color: #d71920;
  font-size: 24px;
  font-weight: 700;
}

/* Change plus to minus when open */
.front-page-content details[open] summary::after,
.front-page-content .wp-block-details[open] summary::after {
  content: "−";
}

/* Text inside expandable boxes */
.front-page-content details p,
.front-page-content .wp-block-details p,
.front-page-content details li,
.front-page-content .wp-block-details li {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #333333;
}

/* Space below the summary title when opened */
.front-page-content details[open] summary,
.front-page-content .wp-block-details[open] summary {
  margin-bottom: 18px;
}

/* Mobile adjustment */
@media (max-width: 700px) {
  .front-page-content details,
  .front-page-content .wp-block-details {
    padding: 20px;
    border-radius: 18px;
  }

  .front-page-content details summary,
  .front-page-content .wp-block-details summary {
    font-size: 18px;
  }
}

/* Boxed accordion/front-page sections */
.front-page-content .brochcyber-section-box,
.page-content .brochcyber-section-box {
  background: #ffffff;
  border: 1px solid #e5e5e5;
  border-radius: 22px;
  box-shadow: 0 14px 34px rgba(10, 31, 68, 0.10);
  padding: 28px 34px;
  margin: 34px 0;
  overflow: hidden;
}

/* Accordion title */
.front-page-content .brochcyber-section-box h2,
.front-page-content .brochcyber-section-box h3,
.front-page-content .brochcyber-section-box .accordion-title,
.front-page-content .brochcyber-section-box .accordion-heading,
.front-page-content .brochcyber-section-box button {
  color: #d71920;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: 700;
}

/* Text inside accordion */
.front-page-content .brochcyber-section-box p,
.front-page-content .brochcyber-section-box li,
.page-content .brochcyber-section-box p,
.page-content .brochcyber-section-box li {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
  line-height: 1.7;
  color: #333333;
}

/* Remove excess top spacing */
.front-page-content .brochcyber-section-box > *:first-child,
.page-content .brochcyber-section-box > *:first-child {
  margin-top: 0;
}

/* Remove excess bottom spacing */
.front-page-content .brochcyber-section-box > *:last-child,
.page-content .brochcyber-section-box > *:last-child {
  margin-bottom: 0;
}

@media (max-width: 700px) {
  .front-page-content .brochcyber-section-box,
  .page-content .brochcyber-section-box {
    padding: 22px;
    border-radius: 18px;
  }
}