/* Kortet */
.intro-box{
    background:#fff;
    border:1px solid #eee;
    border-radius:10px;
    padding:24px;
    box-shadow:0 0 15px rgba(35,72,107,0.21)
}

/* gemensam layout */
.intro-heading{
    position:relative;
    padding-left:50px;      /* plats för ikon */
    margin:0 0 12px;
}

/* standardikon om ingen modifierare sätts */
.intro-heading::before{
    content:"";
    position:absolute;
    left:0; top:50%;
    transform:translateY(-50%);
    width:38px; height:38px;
    background:center/contain no-repeat;
    background-image:url('https://www.smartstugan.se/wp-content/uploads/2025/06/favorites.png');
}

/* ── modifierare ───────────────────────────── */
.intro-heading.star::before{
    background-image:url('/wp-content/uploads/2025/06/star.png');
}
.intro-heading.question::before{
    background-image:url('/wp-content/uploads/2025/06/question.png');
}

/* Ta bort vit bakgrund runt Adsense-blocket */
ins.adsbygoogle,
ins.adsbygoogle[style] {
  background:#f9f9f9 !important;
  margin: 0 !important;
  padding: 0 !important;
  box-shadow: none !important;
}

/* ===========================================================
   Moderniserad FAQ-stil – kopiera och ersätt din gamla kod
   =========================================================== */

/* ====== Yttre behållare ================================== */
.schema-faq-section{
    font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;
    background:#fff;
    border:1px solid #e2e8f0;          /* tunnare, mjukare kant */
    border-radius:14px;
    box-shadow:0 4px 12px rgba(0,0,0,.05);
    margin:2rem 0;
    overflow:hidden;                   /* behåll rundade hörn */
}

/* ====== Frågeraden ======================================= */
.schema-faq-question{
    cursor:pointer;
    display:flex;
    align-items:center;
    gap:.75rem;
    padding:1.25rem 1.5rem;
    font-size:1.125rem;                /* 18 px */
    font-weight:600;
    color:#111827;                     /* neutral-900 */
    transition:background .25s,color .25s;
}
.schema-faq-question:hover{
    background:#f8fafc;                /* light slate-50 */
    color:#2563eb;                     /* accent blå-600 */
    opacity:1;                         /* ta bort tidigare blekning */
}

/* Plus/minus-ikon */
.schema-faq-question::after{
    content:"+";
    margin-left:auto;
    font-weight:700;
    font-size:1.25rem;
    line-height:1;
    transition:transform .25s,color .25s;
    color:inherit;                     /* följer textfärgen */
}
.schema-faq-question.expanded::after{
    content:"–";                       /* en-dash ser bättre ut än minus */
    transform:rotate(180deg);
}

/* ====== Svarspanel ======================================= */
.schema-faq-answer{
    display:none;                      /* stängd som default */
    padding:0 1.5rem 1.25rem;
    color:#374151;                     /* slate-700 */
    line-height:1.6;
    font-size:1rem;                    /* 16 px */
}
.schema-faq-answer.default{display:block;}  /* om ditt plugin sätter .default */

/* Typografi inuti svaret */
.schema-faq-answer p{margin:1rem 0;}

/* ====== Block-editorn – visa allt ======================== */
.editor-styles-wrapper .schema-faq-question{cursor:text;}
.editor-styles-wrapper .schema-faq-answer{display:block;}

/* Code for info box with Patterns */
/* Outer box styling */
.suitability-box {
  background-color: #e1e7ff;
  border-radius: 16px;
  padding: 10px 24px;
  margin-top: 32px;
  margin-bottom: 32px;
}

/* Title */
.suitability-box h2 {
  font-size: 24px;
  font-weight: 700;
  margin-bottom: 10px;
  position: relative;
  padding-left: 0;
  padding-inline-start: 0;
  display: flex;
  align-items: center;
}

.suitability-box h2::before {
  content: "";
  display: inline-block;
  width: 32px;
  height: 32px;
  margin-right: 12px;
  flex-shrink: 0;
  background-image: url("data:image/svg+xml,%3Csvg%20fill%3D%22none%22%20height%3D%22512%22%20viewBox%3D%220%200%2024%2024%22%20width%3D%22512%22%20xmlns%3D%22http%3A//www.w3.org/2000/svg%22%3E%3Cg%20fill%3D%22black%22%3E%3Cpath%20d%3D%22m12.75%2011c0-.4142-.3358-.75-.75-.75s-.75.3358-.75.75v6c0%20.4142.3358.75.75.75s.75-.3358.75-.75z%22/%3E%3Cpath%20clip-rule%3D%22evenodd%22%20d%3D%22m12%201.25c-5.93706%200-10.75%204.81294-10.75%2010.75%200%205.9371%204.81294%2010.75%2010.75%2010.75%205.9371%200%2010.75-4.8129%2010.75-10.75%200-5.93706-4.8129-10.75-10.75-10.75zm-9.25%2010.75c0-5.10863%204.14137-9.25%209.25-9.25%205.1086%200%209.25%204.14137%209.25%209.25%200%205.1086-4.1414%209.25-9.25%209.25-5.10863%200-9.25-4.1414-9.25-9.25z%22%20fill-rule%3D%22evenodd%22/%3E%3Cpath%20d%3D%22m13%208c0%20.55228-.4477%201-1%201s-1-.44772-1-1%20.4477-1%201-1%201%20.44772%201%201z%22/%3E%3C/g%3E%3C/svg%3E");
  background-repeat: no-repeat;
  background-size: contain;
}

/* Columns */
.suitability-box .wp-block-columns {
  gap: 32px;
}

/* Paragraph structure */
.suitability-box p {
  margin-bottom: 24px;
  line-height: 1.6;
  font-family: Outfit !important;
  font-size: 18px !important;
  line-height: 1.5 !important;
  font-weight: 300 !important;
  letter-spacing: 0.7px !important;
}

.suitability-box p strong {
  display: block;
  color: #111;
  margin-bottom: 6px;
  font-size: 17px;
  position: relative;
  padding-left: 18px;
}

.suitability-box p strong::before {
  content: \"\\2022\";
  color: #3b82f6;
  font-weight: bold;
  position: absolute;
  left: 0;
  top: 0;
}


/* Makes show more/less button for ultimate blocks into a button */
.ub-toggle-button .ub-expand-toggle-button {
  align-items: center;
  justify-content: center;
  padding: 8px 12px;
  background-color: #111;
  color: #fff;
  border: none;
  border-radius: 8px;
  font-weight: 500;
  cursor: pointer;
  transition: background-color 0.3s ease;
  text-align: center;
  text-decoration: none;
  font-size: 16px;
  max-width: fit-content;
}

.ub-toggle-button .ub-expand-toggle-button:hover {
  background-color: #333;
}

.smart-list .affx-pros-cons-inner-wrapper.layout-type-2 .affx-pros-inner {
  box-shadow: none !important;
  background-color: #ffffff !important;
}

.smart-list .affx-pros-cons-inner-wrapper.layout-type-2 .affx-cons-inner {
  box-shadow: none !important;
  background-color: #ffffff !important;
}

/* Makes rounded corners for smart list images */
.td-animation-stack-type0-2:not(.woocommerce-product-gallery img) {
border-radius:10px;   
}


/* Makes rounded corners for smart list numbers */
.tdi_43 .tdb-sml-current-item-nr span {
border-radius:7px;
}
/* Background and paddings for smart list boxes */
.tdb_smart_list_1 .tdb-item {
  background:white;
  padding: ;
  padding:20px 24px 16px 24px;
  box-shadow: 0 0 20px rgba(35,72,107,0.1);  
  border-radius:10px;
}

/* Ultimate blocks star review text */
.ub-star-rating.ub-star-rating-text-left.ub-star-rating-align-right {
  font-family: Outfit !important;
  font-size: 26px !important;
  line-height: 1.5 !important;
  font-weight: 500 !important;
}

/* Default link color inside Smart List H3s */
.tdb_smart_list_1 .tdb-item h3 a {
  color: #000;
  text-decoration: none;
  transition: color 0.3s ease;
}

/* Hover color for Smart List H3 links */
.tdb_smart_list_1 .tdb-item h3 a:hover {
  color: #2fc48d;
}