/*
 * Site-wide CSS for amsterdam-headshop.ro.
 *
 * Loaded on every front-end page, after the theme's main stylesheet. Put CSS
 * fixes here instead of Appearance > Customize > Additional CSS, so they are
 * versioned in Git and tested locally first.
 *
 * One block per change, starting with a dated comment. In CSS, comments are
 * only ever written between slash-star and star-slash, like this one: "//" is
 * NOT a comment in CSS and silently breaks the rule after it.
 *
 * If a rule has no effect, the theme's own styles are probably winning: make
 * the selector more specific (e.g. put "body " in front of it) and test again.
 */

/* Example, switched off. Copy the pattern for real changes:

2026-10-12 - Bigger "Add to cart" button on mobile
@media (max-width: 768px) {
	.single_add_to_cart_button { width: 100%; }
}

*/

/* 2026-10 - Footer: company details, ANPC SAL badge, legal links menu.
   Flatsome's dark bottom bar prints text at 50% white, which is too faint
   for legally required text: make it 90% white. */
.ahs-date-firma { font-size: 0.85em; line-height: 1.6; margin: 0.4em 0; }
.ahs-date-firma span { display: inline-block; margin-right: 0.8em; }
.ahs-anpc { margin: 0.6em 0; }
/* The badge's size comes from the width and height written by the plugin. */
.ahs-anpc img { display: inline-block; vertical-align: middle; max-width: 100%; height: auto; }
.absolute-footer .footer-nav { text-transform: none; }
.absolute-footer.dark .ahs-date-firma,
.absolute-footer.dark .ahs-date-firma a,
.absolute-footer.dark .ahs-anpc a,
.absolute-footer.dark .footer-nav a { color: rgba(255, 255, 255, 0.9); }
/* The SAL link shown as text (no badge image): underlined, so it reads as a link. */
.ahs-anpc a { text-decoration: underline; }

/* 2026-10-16 - Cookie banner shown as plain text under the footer.
   Browsers with a built-in "cookie dialog" blocker (Opera, Brave, uBlock's
   cookie lists) block the cookie plugin's stylesheet by its address, but not
   its HTML, which sits at the end of every page. Without that stylesheet
   nothing hides the banner's texts. The plugin puts "modal-cacsp-open" on
   <body> whenever it shows the banner or its settings, so hide both until
   then. This file is ours, so the blockers leave it alone. */
body:not(.modal-cacsp-open) .modal-cacsp-position,
body:not(.modal-cacsp-open) .modal-cacsp-backdrop { display: none; }