/* Candana Trading Ltd - styles for the generated pages (catalogue, search, 404). */
.cdn-wrap { max-width: 1200px; margin: 0 auto; padding: 48px 20px 64px; font-family: Poppins, Roboto, Arial, sans-serif; color: #0D47A1; }
.cdn-head h1 { font-size: 36px; font-weight: 600; margin: 0 0 12px; color: #0D47A1; }
.cdn-head p { font-size: 16px; line-height: 1.6; max-width: 760px; margin: 0 0 16px; color: #555; }
.cdn-head a { color: #0288D1; }
.cdn-btn { background: #0288D1; color: #fff; border: 0; border-radius: 3px; padding: 11px 22px; font: 500 14px Poppins, Arial, sans-serif; cursor: pointer; }
.cdn-btn:hover { background: #01579B; }
.cdn-toc { display: flex; flex-wrap: wrap; gap: 8px; margin: 20px 0 8px; }
.cdn-toc a { border: 1px solid #d7dce4; border-radius: 20px; padding: 6px 14px; font-size: 14px; color: #0D47A1; text-decoration: none; }
.cdn-toc a:hover { border-color: #0288D1; color: #0288D1; }
.cdn-toc small { color: #8a94a6; }
.cdn-cat { margin-top: 44px; scroll-margin-top: 120px; }
.cdn-cat h2 { font-size: 24px; font-weight: 600; border-bottom: 2px solid #0288D1; padding-bottom: 8px; margin: 0 0 20px; }
.cdn-cat h2 a { color: #0D47A1; text-decoration: none; }
.cdn-grid { display: grid; grid-template-columns: repeat(auto-fill, minmax(180px, 1fr)); gap: 18px; }
.cdn-card { display: flex; flex-direction: column; gap: 6px; padding: 14px; border: 1px solid #e6e9ef; border-radius: 6px; background: #fff; color: #0D47A1; text-decoration: none; transition: box-shadow .2s, border-color .2s; }
.cdn-card:hover { border-color: #0288D1; box-shadow: 0 6px 18px rgba(59, 74, 99, .12); }
.cdn-card img { width: 100%; aspect-ratio: 1; object-fit: contain; background: #fff; }
.cdn-card strong { font-size: 14px; font-weight: 600; line-height: 1.35; }
.cdn-card span { font-size: 12px; color: #7a8497; line-height: 1.4; }
.cdn-search { display: flex; gap: 8px; max-width: 560px; margin: 8px 0 28px; }
.cdn-search input { flex: 1; min-width: 0; padding: 10px 14px; border: 1px solid #cfd5df; border-radius: 3px; font-size: 15px; }
.cdn-search-count { color: #555; }
@media (max-width: 600px) {
  .cdn-wrap { padding: 32px 16px 48px; }
  .cdn-head h1 { font-size: 28px; }
  .cdn-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; }
}
@media print {
  header.elementor-location-header, footer.elementor-location-footer, .cdn-actions, .cdn-toc,
  .elementor-location-popup, #Top_bar, #back_to_top { display: none !important; }
  .cdn-wrap { padding: 0; max-width: none; }
  .cdn-cat { break-inside: auto; }
  .cdn-card { break-inside: avoid; border-color: #ccc; }
  .cdn-grid { grid-template-columns: repeat(4, 1fr); }
}

/* logo sits on a white tile in the dark footer so the navy wordmark stays readable */
.elementor-location-footer img[src^="/brand/logo.png"] { background: #fff; border-radius: 10px; padding: 8px; box-sizing: border-box; }

/* ---- Candana colour layer: logo blues + leaf green ---- */
:root { --cdn-blue: #0288D1; --cdn-deep: #0D47A1; --cdn-aqua: #29B6F6; --cdn-green: #43A047; --cdn-lime: #7CB342; }

/* buttons: ocean blue -> leaf green */
.elementor-button, a.elementor-button, .elementor-button-link, .eael-creative-button, .cdn-btn,
.wpcf7-submit, .elementor-form button[type="submit"] {
  background-image: linear-gradient(120deg, var(--cdn-blue) 0%, var(--cdn-aqua) 45%, var(--cdn-green) 100%) !important;
  background-color: var(--cdn-blue) !important; border-color: transparent !important; color: #fff !important;
  transition: filter .2s, transform .2s;
}
.elementor-button:hover, .eael-creative-button:hover, .cdn-btn:hover, .wpcf7-submit:hover,
.elementor-form button[type="submit"]:hover { filter: brightness(1.08) saturate(1.1); transform: translateY(-1px); }

/* top contact bar + footer: deep blue with a green edge */
.elementor-location-header > .elementor-section:first-child,
.elementor-location-header > .e-con:first-child {
  background-image: linear-gradient(90deg, var(--cdn-deep) 0%, var(--cdn-blue) 70%, var(--cdn-green) 100%) !important;
}
footer.elementor-location-footer > .elementor-section:first-of-type {
  background-image: linear-gradient(160deg, #0A3275 0%, var(--cdn-deep) 55%, #0b5a8a 100%) !important;
}
footer.elementor-location-footer { border-top: 4px solid; border-image: linear-gradient(90deg, var(--cdn-blue), var(--cdn-aqua), var(--cdn-green), var(--cdn-lime)) 1; }

/* nav: active/hover in blue, green underline */
.elementor-nav-menu--main .elementor-item.elementor-item-active,
.elementor-nav-menu--main .elementor-item:hover { color: var(--cdn-blue) !important; }
.elementor-nav-menu--main .elementor-item:after { background-color: var(--cdn-green) !important; }

/* stat numbers + section headings pick up the gradient */
.elementor-counter-number-wrapper {
  background: linear-gradient(90deg, var(--cdn-blue), var(--cdn-green));
  -webkit-background-clip: text; background-clip: text; color: transparent !important;
}
.elementor-counter-number-wrapper * { color: transparent !important; }

/* product cards: soft blue lift on hover */
.elementor-location-archive article, .elementor-posts .elementor-post, .ecs-post-loop > * { transition: box-shadow .25s, transform .25s; }
.cdn-card:hover { border-color: var(--cdn-aqua); box-shadow: 0 8px 22px rgba(2,136,209,.18); }
.cdn-cat h2 { border-image: linear-gradient(90deg, var(--cdn-blue), var(--cdn-green)) 1; border-bottom-width: 3px; }
.cdn-toc a:hover { border-color: var(--cdn-green); color: var(--cdn-green); }