@import 'theme.css';

.wy-nav-top {
    padding: 1%;
    background-color: black;
    max-width: none;
    height: 50px;
    background-position: 4px 4px;
    background-repeat: no-repeat;
    background-size: 23%;
    background-image: url('https://eumetsat.docs.cloudferro.com/en/latest/_static/eumetsat_logo.png');
}

.wy-nav-top a {
    color:#fff;
    font-weight:700
}

.wy-nav-top img {
    margin-right:12px;
    height:45px;
    width:45px;
    background-color:black;
    padding:5px;
    border-radius:100%;
}
.wy-nav-top i {
    font-size:30px;
    float:right;
    cursor:pointer;
    padding-top:inherit
}
.wy-side-nav-search{
    background-color: black;
}
.wy-side-scroll{
    background-color: black;
}
.wy-nav-content {
    background-color: white;
    max-width: none;
}
.wy-menu-vertical a:visited {
    color: #F2F7FD;
}
.wy-menu-vertical a {
    color: #F2F7FD;
}
.wy-nav-content-wrap {
    background-color: white;
}
.h2 {
    color: #05203E;
}
.section ul {
    color: black;
}
.wy-breadcrumbs li a:first-child {
    color: #EF2B89
  }
.rst-content .toctree-wrapper > p.caption, .rst-content h1, .rst-content h2, .rst-content h3, .rst-content h4, .rst-content h5, .rst-content h6 {
    color: black;
}
.wy-breadcrumbs li {
    color: #EF2B89
  }

.rst-content .section ol li > :first-child, .rst-content .section ul li > :first-child, .rst-content .toctree-wrapper ol li > :first-child, .rst-content .toctree-wrapper ul li > :first-child, .rst-content section ol li > :first-child, .rst-content section ul li > :first-child {
    color: black;
}
footer {
    color: black;
}
.rst-content .section ul li, .rst-content .toctree-wrapper ul li, .rst-content section ul li, .wy-plain-list-disc li, article ul li {
    color: black;
}
article, aside, details, figcaption, figure, footer, header, hgroup, nav, section {
    color: black;
  }
.rst-content div[class^="highlight"] div[class^="highlight"], .rst-content pre.literal-block div[class^="highlight"] {
    color: black;
}
.rst-content .admonition-todo p:last-child, .rst-content .admonition p:last-child, .rst-content .attention p:last-child, .rst-content .caution p:last-child, .rst-content .danger p:last-child, .rst-content .error p:last-child, .rst-content .hint p:last-child, .rst-content .important p:last-child, .rst-content .note p:last-child, .rst-content .seealso p:last-child, .rst-content .tip p:last-child, .rst-content .warning p:last-child, .wy-alert p:last-child {
    color: black;
}

.rst-content table.docutils:not(.field-list) tr:nth-child(2n-1) td, .wy-table-backed, .wy-table-odd td, .wy-table-striped tr:nth-child(2n-1) td {
    background-color: white;
}
html.writer-html5 .rst-content table.docutils th {
    color: white;
}


.image-with-border {
    border: 2px solid black;
}

/* Copyright images and logos */

.logo-container {
    display: flex;
    align-items: center; /* Align items vertically in the center (optional) */
    gap: 20px; /* Space between images, adjust as needed */
}

.logo-image {
    height:53px;
    width:200px;
    border: 0;
    background-color: #000000;
}

.logo-background {
    height:53px;
    width:200px;
    border: 0;
    background-color: #484848; /* Replace with your desired color */
}

.footer-paragraph {
    margin-top: 10px; /* Adjust spacing as needed */
    margin-left: 20px; /* Adjust spacing as needed */
}

/* Switching languages */

.language-switcher .btn {
  display: block;
  margin: 5px 0;
  text-decoration: none;
  color: #ff0000; /* Example color */
  padding: 5px;
}

.language-switcher .btn:hover {
  text-decoration: underline;
}


/* LEGACY NOTE Title Styling Creodias New*/
.admonition.legacy-note .admonition-title {
    background-color: #ff4500; /* Orange-red for high visibility */
    color: #ffffff; /* White text for clear readability */
    font-weight: bold; /* Emphasize the title */
    padding: 5px; /* Add padding around the title */
    text-transform: uppercase; /* Make the title stand out */
    border-radius: 3px; /* Smooth corners */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1); /* Subtle shadow for focus */
}

/* Optional: Links in LEGACY NOTE */
.admonition.legacy-note a {
    color: #0056b3; /* Blue links for clarity */
    text-decoration: underline;
}

.admonition.legacy-note a:hover {
    color: #003d80; /* Darker blue on hover for distinction */
    text-decoration: none;
}

/* LEGACY NOTE Container Styling */
.admonition.legacy-note {
    background-color: #fff4e6; /* Soft peach background for contrast */
    border: 1px solid #ff4500; /* Orange-red border to reinforce importance */
    border-radius: 5px; /* Rounded corners */
    padding: 15px; /* Internal spacing */
    color: #333333; /* Dark gray text for readability */
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.05); /* Subtle shadow for emphasis */
}

.menu-divider {
    border-top: 2px solid #ccc;  /* Creates a thin line */
    margin: 10px 0;              /* Adds spacing above/below */
    padding-top: 5px;
}


.image-with-border {
    border: 2px solid black;
}

/* Force all text in console code blocks to be black */
.rst-content .highlight-console pre,
.rst-content .highlight-console code {
    color: black !important;
    background: none !important;
    font-weight: normal !important;
    text-shadow: none !important;
    white-space: pre-wrap !important; /* Enable text wrapping */
    word-break: break-word !important;
}

/* Disable syntax highlighting for URLs, operators, numbers, and strings */
.rst-content .highlight-console .o,  /* Operators ($, :, etc.) */
.rst-content .highlight-console .m,  /* Numbers */
.rst-content .highlight-console .n,  /* Names */
.rst-content .highlight-console .s,  /* Strings */
.rst-content .highlight-console .p,  /* Punctuation */
.rst-content .highlight-console .nf, /* Functions */
.rst-content .highlight-console .na, /* Attribute names */
.rst-content .highlight-console .nn, /* Class names */
.rst-content .highlight-console .nc, /* Class names */
.rst-content .highlight-console .nt, /* Tags */
.rst-content .highlight-console .gr, /* Generic errors */
.rst-content .highlight-console .gd, /* Generic deleted */
.rst-content .highlight-console .gi, /* Generic inserted */
.rst-content .highlight-console .gh, /* Generic heading */
.rst-content .highlight-console .go, /* Generic output */
.rst-content .highlight-console .gp, /* Generic prompt */
.rst-content .highlight-console .gs, /* Generic strong */
.rst-content .highlight-console .gu, /* Generic subheading */
.rst-content .highlight-console .gt { /* Generic tracebacks */
    color: black !important;
    font-weight: normal !important;
}

/* Keep Python code blocks unchanged */
.rst-content .highlight-python pre {
    white-space: pre !important;
    word-break: normal !important;
    overflow-x: auto;
    color: inherit !important; /* Preserve syntax highlighting */
}

.contents .topic-title {
    font-size: 1.325em;  /* Set the font size to match h1 */
    font-weight: bold;  /* Match h1 weight */
    font-family: sans-serif;  /* Set the font to serif */
    line-height: 1;  /* Match line-height to h1 */
    margin-top: 0.5em;  /* Adjust top margin to match h1 spacing */
    margin-bottom: 0.5em;  /* Adjust bottom margin to match h1 spacing */
    text-decoration: none;  /* No underlining */
}

.wy-menu.wy-menu-vertical > p.caption {
   border-left: 3px solid #EF2B89 !important;
   background-color: #18324C !important;
   padding: 6px 12px; /* optional: adds breathing room so the background shows nicely */
    margin: 0;    /* remove extra spacing */
}


.wy-menu-vertical > p.caption,
.wy-menu-vertical > p.caption .caption-text { color:#EF2B89 !important; }



/* ===== Footer: reset layout (no flex on the footer itself) ===== */
footer {
  display: block !important;
  flex-direction: initial !important;
  align-items: initial !important;
  justify-content: initial !important;
  gap: 0 !important;
}

/* ===== Footer logos: same size as CloudFerro logo ===== */
footer .logo-container img,
.logo-container img {
  height: 53px;      /* match CloudFerro logo height */
  width: auto;       /* keep aspect ratio */
  flex: 0 0 auto;    /* prevent stretching if container is flex */
}

/* Logo row (safe to keep flex only on the logo strip) */
footer .logo-container,
.logo-container {
  display: flex;
  align-items: center;
  gap: 20px;
  flex-wrap: wrap;   /* wrap nicely on small screens */
}

/* ===== Swap DEDL logos by screen width ===== */
/* Default: show horizontal, hide vertical */
.dedl-horizontal { display: inline-block; }
.dedl-vertical   { display: none; }

/* Mobile: show vertical, hide horizontal */
@media (max-width: 768px) {
  .dedl-horizontal { display: none; }
  .dedl-vertical   { display: inline-block; }
}

/* --- RESET any earlier pseudo-bullets (prevents duplicates) --- */
.rst-content ul li::before,
.rst-content ol li::before {
  content: none !important;
}

/* --- Modern path: color real list markers (supported browsers) --- */
@supports selector(li::marker) {
  .rst-content ul li::marker,
  .rst-content .toctree-wrapper ul li::marker,
  .rst-content ol li::marker {
    color: #0073E6;
  }
}

/* --- Fallback path: browsers without ::marker --- */
@supports not selector(li::marker) {
  /* remove native bullets to avoid double rendering */
  .rst-content ul { list-style: none; padding-left: 1.2em; }
  .rst-content ul > li { position: relative; }
  .rst-content ul > li::before {
    content: "•";
    position: absolute;
    left: -1.2em;
    color: #0073E6;
  }
  /* keep ordered lists numeric but default color */
  .rst-content ol { list-style: decimal; }
}

/* Sidebar-only styling (does NOT touch article content) */
.wy-nav-side a.external,
.wy-nav-side a:visited {
  color: #F2F7FD;
}

/* === Mobile top bar (RTD 3.x) — white title + vertical centering === */

/* Title (site name) */
.wy-nav-top a {
  color: #ffffff !important;     /* white text */
  display: block;
  height: 50px;                   /* match your bar height */
  line-height: 50px;              /* vertical center the text */
  text-align: center;
  padding: 0 56px;                /* room for burger on right + logo on left */
  font-weight: 700;
}

/* Hamburger icon: vertically center it */
.wy-nav-top .fa-bars,
.wy-nav-top i.fa-bars {
  position: absolute;
  right: 12px;
  top: 50%;
  transform: translateY(-50%);
  line-height: 1;
}

/* Also center the background logo vertically */
.wy-nav-top {
  background-position: 4px center !important; /* instead of 4px 4px */
}

/* Neutralize earlier icon float/padding that can misalign things */
.wy-nav-top i {
  float: none !important;
  padding-top: 0 !important;
}


/* --- Force DEDL logo swap on small screens, no stretching --- */
@media (max-width: 768px) {
  .dedl-horizontal { display: none !important; }
  .dedl-vertical   { display: inline-block !important; }

  /* Safety: don't let any global rules stretch footer logos */
  footer .logo-container img,
  .logo-container img {
    height: 53px !important;
    width: auto !important;
    flex: 0 0 auto !important;
  }
}

/* Mobile: show vertical logo larger (~+33%) in footer */
 @media (max-width: 768px) {
   footer .logo-container img.dedl-vertical,
   .logo-container img.dedl-vertical {
     height: 71px !important;  /* 53px × 1.33 ≈ 70.5 → 71px */
     width: auto !important;   /* keep aspect ratio */
   }
 }


/* Left sidebar background = #18324C (RTD 3.x) */
.wy-nav-side,
.wy-side-scroll,
.wy-side-nav-search,
.wy-menu.wy-menu-vertical,
.wy-menu-vertical {
  background-color: #18324C !important;
}

/* (Optional) nicer focus/hover/active states on the same palette */
.wy-menu-vertical a:hover,
.wy-menu-vertical a:focus {
  background-color: #1f3e5c !important;
}
.wy-menu-vertical .current > a {
  background-color: #142a3f !important;
}


/* === Left sidebar: readable link colors on #18324C === */

/* Base link color (all levels) */
.wy-nav-side .wy-menu-vertical a,
.wy-nav-side .wy-menu-vertical a:visited {
  color: #EAF2FB !important;            /* light blue-white */
  opacity: 1 !important;                 /* override any dimming */
}

/* Hover + current (selected) item */
.wy-nav-side .wy-menu-vertical a:hover,
.wy-nav-side .wy-menu-vertical li.current > a,
.wy-nav-side .wy-menu-vertical li.current > a:visited {
  color: #FFFFFF !important;             /* pure white text */
  background-color: #142A3F !important;  /* darker strip */
  box-shadow: inset 3px 0 0 #EFAB89;     /* left accent bar */
}

/* Items inside the opened/current section */
.wy-nav-side .wy-menu-vertical li.current li a {
  color: #EAF2FB !important;
}
.wy-nav-side .wy-menu-vertical li.current li a:hover,
.wy-nav-side .wy-menu-vertical li.current li.current > a {
  color: #FFFFFF !important;
  background-color: #0F2133 !important;
  box-shadow: inset 3px 0 0 #EFAB89;
}

/* Optional: section group headers (not the "Contents:" caption) */
.wy-nav-side .wy-menu-vertical .toctree-l1 > a {
  font-weight: 600;                       /* a touch bolder for visibility */
}

/* Sidebar: fix contrast for links inside the opened/current section */
.wy-nav-side .wy-menu-vertical li.current > ul,
.wy-nav-side .wy-menu-vertical li.current > ul ul {
  background: #18324C !important; /* kill the light-gray box */
}

/* Default (non-hover) submenu items */
.wy-nav-side .wy-menu-vertical li.current > ul li a {
  background: transparent !important;
  color: #EAF2FB !important;   /* light blue-white */
  opacity: 1 !important;
}

/* Hover + focused submenu items */
.wy-nav-side .wy-menu-vertical li.current > ul li a:hover,
.wy-nav-side .wy-menu-vertical li.current > ul li a:focus {
  background-color: #0F2133 !important;  /* darker strip */
  color: #FFFFFF !important;
  box-shadow: inset 3px 0 0 #EFAB89;     /* left accent bar */
}

/* The currently active page within that submenu */
.wy-nav-side .wy-menu-vertical li.current > ul li.current > a {
  background-color: #142A3F !important;
  color: #FFFFFF !important;
  box-shadow: inset 3px 0 0 #EFAB89;
}

/* Top navbar color (you asked for this earlier) */
.wy-nav-top { background-color: #18324C !important; }

/* Never show any leftover back arrow */
.wy-nav-top .mobile-back-button { display: none !important; }

/* Mobile-only Close (×) for the slide-out sidebar */
@media (max-width: 768px) {
  .wy-side-nav-search { position: relative; }

  .wy-side-nav-search .sidebar-close {
    position: absolute;
    right: 8px;
    top: 8px;
    width: 32px;
    height: 32px;
    border-radius: 4px;
    border: 1px solid rgba(255,255,255,0.35);
    background: transparent;
    color: #ffffff;
    font-size: 20px;
    line-height: 1;
    cursor: pointer;
    display: none;               /* hidden by default */
    align-items: center;
    justify-content: center;
    z-index: 3;
  }
  .wy-side-nav-search .sidebar-close:hover {
    background: rgba(255,255,255,0.12);
  }

  /* Show only when the slide-out is actually open (RTD adds .shift) */
  .wy-nav-side.shift .wy-side-nav-search .sidebar-close,
  .wy-nav-content-wrap.shift ~ .wy-nav-side .wy-side-nav-search .sidebar-close {
    display: inline-flex;
  }
}

/* Never on desktop */
@media (min-width: 769px) {
  .wy-side-nav-search .sidebar-close { display: none !important; }
}




/* =========================================================
   Sphinx-Design cards: make linked vs static obvious
   Works with grid-item-card that uses :link: (stretched link)
   ========================================================= */

/* Ensure the card can host absolutely positioned overlays */
.sd-card {
  position: relative;
  transition: transform 0.2s ease-in-out;
}

/* The stretched link is the element that exists ONLY on linked cards.
   We style pseudo-elements on it so we don't need parent selectors. */
.sd-card a.sd-stretched-link {
  position: absolute;
  inset: 0;                /* cover the whole card */
  border-radius: inherit;
  z-index: 1;              /* above card content but still clickable */
}

/* Always-on visual for LINKED cards: overlay border + subtle glow */
.sd-card a.sd-stretched-link::before {
  content: "";
  position: absolute;
  inset: 0;
  border: 2px solid #1a73e8;
  border-radius: inherit;
  box-shadow: 0 0 6px rgba(26,115,232,0.25);
  pointer-events: none;    /* don't block clicks */
}

/* Link icon in top-right corner of LINKED cards */
.sd-card a.sd-stretched-link::after {
  content: "🔗";
  position: absolute;
  top: 8px;
  right: 10px;
  font-size: 0.9rem;
  opacity: 0.65;
  pointer-events: none;
}

/* Stronger hover for LINKED cards */
.sd-card a.sd-stretched-link:hover::before {
  border-color: #0b57d0;
  box-shadow: 0 0 12px rgba(11,87,208,0.45);
}

/* Optional lift on hover when :has() is supported */
@supports selector(.sd-card:has(a)) {
  .sd-card:has(a.sd-stretched-link:hover) {
    transform: translateY(-2px);
  }
}

/* STATIC cards (no :link: inside): give them a muted look.
   Uses :has(); if a browser doesn't support it, cards just keep default style. */
@supports selector(.sd-card:has(a)) {
  .sd-card:not(:has(a.sd-stretched-link)) {
    border: 2px solid #d1d5db !important;
    background-color: #fafafa;
  }
  .sd-card:not(:has(a.sd-stretched-link)):hover {
    background-color: #fafafa;
  }
}

/* RTD-looking H2 heading (but NOT a real section title) */
.rst-content .rtd-h2 > p {
  font-family: "Roboto Slab","ff-tisa-web-pro","Georgia",Arial,sans-serif;
  font-size: 150%;
  font-weight: 700;
  line-height: 1.2;
  margin: 24px 0 12px;
  padding: 0;
  border: 0;
}
.rst-content .rtd-h2 > p { border-bottom: none !important; }